<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang=en>
 <head>
  <title>Cascading Style Sheets (CSS) Snapshot 2010</title>
  <link href=default.css rel=stylesheet type="text/css">
  <link href="http://www.w3.org/StyleSheets/TR/W3C-WG-NOTE.css"
  rel=stylesheet type="text/css">

 <body>
  <div class=head> <!--begin-logo-->
   <p><a href="http://www.w3.org/"><img alt=W3C height=48
    src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo-->

   <h1>Cascading Style Sheets (CSS) Snapshot 2010</h1>

   <h2 class="no-num no-toc" id=longstatus-date>W3C Working Group Note 12 May
    2011</h2>

   <dl>
    <dt>This version:

    <dd><a
     href="http://www.w3.org/TR/2011/NOTE-css-2010-20110512/">http://www.w3.org/TR/2011/NOTE-css-2010-20110512/</a></dd>
    <!-- <dd><a href="http://dev.w3.org/csswg/css-2010/">http://dev.w3.org/csswg/css-2010/</a> -->

    <dt>Latest version:

    <dd><a
     href="http://www.w3.org/TR/css-2010/">http://www.w3.org/TR/css-2010/</a>

    <dt>Previous versions:

    <dd><a
     href="http://www.w3.org/TR/2010/WD-css-2010-20101202/">http://www.w3.org/TR/2010/WD-css-2010-20101202/</a>     

    <dt>Editor:

    <dd><a href="http://fantasai.inkedblade.net/contact">Elika J. Etemad</a>
   </dl>
   <!--begin-copyright-->
   <p class=copyright><a
    href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
    rel=license>Copyright</a> &copy; 2011 <a
    href="http://www.w3.org/"><acronym title="World Wide Web
    Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
    href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
    of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym
    title="European Research Consortium for Informatics and
    Mathematics">ERCIM</acronym></a>, <a
    href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
    href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
    <a
    href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
    and <a
    href="http://www.w3.org/Consortium/Legal/copyright-documents">document
    use</a> rules apply.</p>
   <!--end-copyright-->
   <hr title="Separator for header">
  </div>

  <h2 class="no-num no-toc" id=abstract>Abstract</h2>

  <p>This document collects together into one definition all the specs that
   together form the current state of Cascading Style Sheets (CSS) as of
   2010. The primary audience is CSS implementors, not CSS authors, as this
   definition includes modules by specification stability, not Web browser
   adoption rate.

  <h2 class="no-num no-toc" id=status>Status of this document</h2>
  <!--begin-status-->

  <p><em>This section describes the status of this document at the time of
   its publication. Other documents may supersede this document. A list of
   current W3C publications and the latest revision of this technical report
   can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
   index at http://www.w3.org/TR/.</a></em>

  <p>Publication as a Working Group Note does not imply endorsement by the
   W3C Membership. This is a draft document and may be updated, replaced or
   obsoleted by other documents at any time. It is inappropriate to cite this
   document as other than work in progress.

  <p>The document was produced by the <a
   href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of
   the <a href="http://www.w3.org/Style/CSS">Style Activity</a>).

  <p> This document was produced by a group operating under the <a
   href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
   2004 W3C Patent Policy</a>. W3C maintains a <a
   href="http://www.w3.org/2004/01/pp-impl/32061/status"
   rel=disclosure>public list of any patent disclosures</a> made in
   connection with the deliverables of the group; that page also includes
   instructions for disclosing a patent. An individual who has actual
   knowledge of a patent which the individual believes contains <a
   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
   Claim(s)</a> must disclose the information in accordance with <a
   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
   6 of the W3C Patent Policy</a>.

  <p>The (<a
   href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
   mailing list <a
   href="mailto:www-style@w3.org?Subject=%5Bcss-2010%5D%20PUT%20SUBJECT%20HERE">
   www-style@w3.org</a> (see <a
   href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
   discussion of this document. When sending e-mail, please put the text
   &#8220;css-2010&#8221; in the subject, preferably like this:
   &#8220;[<!---->css-2010<!---->] <em>&hellip;summary of
   comment&hellip;</em>&#8221;</p>
  <!--end-status-->

  <p>This document represents the state of CSS as of 2010. The CSS Working
   Group does not expect any further changes to this document: new snapshots
   will be published at <a
   href="http://www.w3.org/TR/CSS/">http://www.w3.org/TR/CSS/</a> as CSS
   advances.

  <h2 class="no-num no-toc" id=contents>Table of contents</h2>
  <!--begin-toc-->

  <ul class=toc>
   <li><a href="#intro"><span class=secno>1. </span>Introduction</a>
    <ul class=toc>
     <li><a href="#w3c-process"><span class=secno>1.1. </span>The W3C Process
      and CSS</a>
    </ul>

   <li><a href="#css-levels"><span class=secno>2. </span>CSS Levels</a>
    <ul class=toc>
     <li><a href="#css1"><span class=secno>2.1. </span>CSS Level 1</a>

     <li><a href="#css2"><span class=secno>2.2. </span>CSS Level 2</a>

     <li><a href="#css3"><span class=secno>2.3. </span>CSS Level 3</a>
    </ul>

   <li><a href="#css"><span class=secno>3. </span>Cascading Style Sheets
    Definition</a>
    <ul class=toc>
     <li><a href="#partial"><span class=secno>3.1. </span>Partial
      Implementations</a>

     <li><a href="#profiles"><span class=secno>3.2. </span>CSS Profiles</a>

     <li><a href="#experimental"><span class=secno>3.3. </span>Experimental
      Implementations</a>

     <li><a href="#testing"><span class=secno>3.4. </span>Non-Experimental
      Implementations</a>
    </ul>

   <li><a href="#indices"><span class=secno>4. </span>Indices</a>
    <ul class=toc>
     <li><a href="#properties"><span class=secno>4.1. </span>Property
      Index</a>

     <li><a href="#selectors"><span class=secno>4.2. </span>Selector
      Index</a>

     <li><a href="#at-rules"><span class=secno>4.3. </span>At-Rule Index</a>
    </ul>
  </ul>
  <!--end-toc-->

  <h2 id=intro><span class=secno>1. </span>Introduction</h2>

  <p>When the first CSS specification was published, all of CSS was contained
   in one document that defined CSS Level 1. CSS Level 2 was defined also by
   a single, multi-chapter document. However for CSS beyond Level 2, the CSS
   Working Group chose to adopt a modular approach, where each module defines
   a part of CSS, rather than to define a single monolithic specification.
   This breaks the specification into more manageable chunks and allows more
   immediate, incremental improvement to CSS.

  <p>Since different CSS modules are at different levels of stability, the
   CSS Working Group has chosen to publish this profile to define the current
   scope and state of Cascading Style Sheets as of late 2010. This profile
   includes only specifications that we consider stable <em>and</em> for
   which we have enough implementation experience that we are sure of that
   stability.

  <p>Note that this is not intended to be a CSS Desktop Browser Profile:
   inclusion in this profile is based on feature stability only and not on
   expected use or Web browser adoption. This profile defines CSS in its most
   complete form.

  <p>Note also that although we don't anticipate significant changes to the
   specifications that form this snapshot, their inclusion does are not mean
   they are frozen. The Working Group will continue to address problems as
   they are found in these specs. Implementers should monitor <a
   href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> and/or
   the <a href="http://www.w3.org/blog/CSS">CSS Working Group Blog</a> for
   any resulting changes, corrections, or clarifications.

  <h3 id=w3c-process><span class=secno>1.1. </span>The W3C Process and CSS</h3>

  <p><em>This section is non-normative.</em>

  <p>In the <a href="http://www.w3.org/2005/10/Process-20051014/">W3C
   Process</a>, a Recommendation-track document passes through five levels of
   stability, summarized below:

  <dl style="list-style-type: decimal">
   <dt>Working Draft (WD)

   <dd>Published during the process of drafting the specification, the
    purpose of a public Working Draft is to create a snapshot of the
    specification's current state and to solicit input from the W3C and the
    public. The document is known to be unstable, and is often incomplete.

   <dt>Last Call Working Draft (LC or LCWD)

   <dd>By publishing a Last Call Working Draft, a working group is expressing
    that they consider the spec to be complete and all issues to be resolved.
    Publishing a Last Call Working Draft announces that this specification
    will move toward Candidate Recommendation unless significant issues are
    brought up. The Last Call period is a last chance for others to submit
    issues before the transition to CR.

   <dt>Candidate Recommendation (CR)

   <dd>By publishing a Candidate Recommendation, a working group is
    expressing that have resolved all known issues and they believe the spec
    is ready for implementation.

   <dt>Proposed Recommendation (PR)

   <dd>To exit CR and enter this stage, the spec needs a comprehensive test
    suite and implementation reports proving that every feature in the spec
    is interoperably implemented in at least two shipping implementations.
    Entering the Proposed Recommendation stage signals to the W3C that these
    requirements have been met. Once the W3C officially approves the
    specification, it becomes a Recommendation.

   <dt>Recommendation (REC)

   <dd>This is the final stage. At this point there should need to be no more
    changes.
  </dl>

  <p>In the CSSWG's experience, the recommendation track is not linear. The
   wider review triggered by an LCWD often results in at least another
   working draft, possibly several. More significantly, our experience is
   that many specs enter CR twice, because implementation testing often
   uncovers significant problems in the spec and thus pushes it back to
   working draft. Additionally, fixing even minor problems forces a CR to
   re-enter the Working Draft stage. As a result, although the CSSWG has a
   clear idea of the stability of the CSS specs, it is very difficult for
   someone outside the working group to come to that same understanding based
   on a specification's official status. The CSS Working Group's motivation
   for creating this document is thus to communicate to others our
   understanding of the state of CSS.

  <h2 id=css-levels><span class=secno>2. </span>CSS Levels</h2>

  <p>Cascading Style Sheets does not have versions in the traditional sense;
   instead it has <dfn id=levels>levels</dfn>. Each level of CSS builds on
   the previous, refining definitions and adding features. The feature set of
   each higher level is a superset of any lower level, and the behavior
   allowed for a given feature in a higher level is a subset of that allowed
   in the lower levels. A user agent conforming to a higher level of CSS is
   thus also conformant to all lower levels.

  <h3 id=css1><span class=secno>2.1. </span>CSS Level 1</h3>

  <p>The CSS Working Group considers the <a
   href="http://www.w3.org/TR/2008/REC-CSS1-20080411/">CSS1 specification</a>
   to be obsolete. <dfn id=css-level-1>CSS Level 1</dfn> is defined as all
   the features defined in the CSS1 specification (properties, values,
   at-rules, etc), but using the syntax and definitions in the <a
   href="http://www.w3.org/TR/CSS21/">CSS2.1 specification</a>. <a
   href="http://www.w3.org/TR/css-style-attr/">CSS Style Attributes</a>
   defines its inclusion in element-specific style attributes.

  <h3 id=css2><span class=secno>2.2. </span>CSS Level 2</h3>

  <p>Although the <a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/">CSS2
   specification</a> is technically a W3C Recommendation, it passed into the
   Recommendation stage before the W3C had defined the Candidate
   Recommendation stage. Over time implementation experience and further
   review has brought to light many problems in the CSS2 specification, so
   instead of expanding an already <a
   href="http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html">unwieldy
   errata list</a>, the CSS Working Group chose to define <cite>CSS Level 2
   Revision 1</cite> (CSS2.1). In case of any conflict between the two specs
   CSS2.1 contains the definitive definition.

  <p>Once CSS2.1 became Candidate Recommendation&#8212;effectively though not
   officially the same level of stability as CSS2&#8212;obsoleted the CSS2
   Recommendation. Features in CSS2 that were dropped from CSS2.1 should be
   considered to be at the Candidate Recommendation stage, but note that many
   of these have been or will be pulled into a CSS Level 3 working draft, in
   which case that specification will, once it reaches CR, obsolete the
   definitions in CSS2.

  <p>The <a href="http://www.w3.org/TR/CSS21/">CSS2.1 specification</a>
   defines <dfn id=css-level-2>CSS Level 2</dfn> and the <a
   href="http://www.w3.org/TR/css-style-attr/">CSS Style Attributes
   specification</a> defines its inclusion in element-specific style
   attributes.

  <h3 id=css3><span class=secno>2.3. </span>CSS Level 3</h3>

  <p><em>This section is non-normative.</em>

  <p>CSS Level 3 builds on CSS Level 2 module by module, using the CSS2.1
   specification as its core. Each module adds functionality and/or replaces
   part of the CSS2.1 specification. The CSS Working Group intends that the
   new CSS modules will not contradict the CSS2.1 specification: only that
   they will add functionality and refine definitions. As each module is
   completed, it will be plugged in to the existing system of CSS2.1 plus
   previously-completed modules.

  <p>From this level on modules are levelled independently: for example
   Selectors Level 4 may well be defined before CSS Line Module Level 3.

  <h2 id=css><span class=secno>3. </span>Cascading Style Sheets Definition</h2>

  <p>As of 2010, <dfn id=cascading-style-sheets-css>Cascading Style Sheets
   (CSS)</dfn> is defined by the following specifications.

  <ol>
   <li><a href="http://www.w3.org/TR/CSS21/">CSS Level 2 Revision 1</a>
    (including errata)

   <li><a href="http://www.w3.org/TR/css-style-attr/">CSS Style
    Attributes</a>

   <li><a href="http://www.w3.org/TR/css3-mediaqueries/">Media Queries Level
    3</a>

   <li><a href="http://www.w3.org/TR/css3-namespace/">CSS Namespaces</a>

   <li><a href="http://www.w3.org/TR/css3-selectors/">Selectors Level 3</a>

   <li><a href="http://www.w3.org/TR/css3-color/">CSS Color Level 3</a>
  </ol>

  <h3 id=partial><span class=secno>3.1. </span>Partial Implementations</h3>

  <p>So that authors can exploit the forward-compatible parsing rules to
   assign fallback values, CSS renderers <strong>must</strong> treat as
   invalid (and <a
   href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignore as
   appropriate</a>) any at-rules, properties, property values, keywords, and
   other syntactic constructs for which they have no usable level of support.
   In particular, user agents <strong>must not</strong> selectively ignore
   unsupported property values and honor supported values in a single
   multi-value property declaration: if any value is considered invalid (as
   unsupported values must be), CSS requires that the entire declaration be
   ignored.

  <h3 id=profiles><span class=secno>3.2. </span>CSS Profiles</h3>

  <p>Not all implementations will implement all functionality defined in CSS.
   For example, an implementation may choose to implement only the
   functionality required by a CSS Profile. Profiles define a subset of CSS
   considered fundamental for a specific class of CSS implementations. The
   W3C CSS Working Group defines the following CSS profiles:

  <ul>
   <li><a href="http://www.w3.org/TR/css-mobile/">CSS Mobile Profile 2.0</a>

   <li><a href="http://www.w3.org/TR/css-print/">CSS Print Profile 1.0</a>

   <li><a href="http://www.w3.org/TR/css-tv">CSS TV Profile 1.0</a>
  </ul>

  <h3 id=experimental><span class=secno>3.3. </span>Experimental
   Implementations</h3>

  <p>To avoid clashes with future CSS features, the CSS2.1 specification
   reserves a <a
   href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">prefixed
   syntax</a> for proprietary and experimental extensions to CSS.

  <p>Prior to a specification reaching the Candidate Recommendation stage in
   the W3C process, all implementations of a CSS feature are considered
   experimental. The CSS Working Group recommends that implementations use a
   vendor-prefixed syntax for such features, including those in W3C Working
   Drafts. This avoids incompatibilities with future changes in the draft.

  <p class=note>For legacy reasons, certain experimental CSS properties do
   not follow this prefixing convention. Two common examples are the
   &lsquo;<code class=property>word-wrap</code>&rsquo; and &lsquo;<code
   class=property>text-overflow</code>&rsquo; properties, which were
   introduced unprefixed by Microsoft Internet Explorer prior to the
   introduction of the vendor prefixing policy in CSS2.1 and were
   subsequently implemented unprefixed by other browsers, creating a
   dependency on the unprefixed names despite the lack of a W3C spec. Any
   other legacy exceptions should be made in consultation with the CSS
   Working Group.

  <h3 id=testing><span class=secno>3.4. </span>Non-Experimental
   Implementations</h3>

  <p>Once a specification reaches the Candidate Recommendation stage,
   non-experimental implementations are possible, and implementors should
   release an unprefixed implementation of any CR-level feature they can
   demonstrate to be correctly implemented according to spec.

  <p>To establish and maintain the interoperability of CSS across
   implementations, the CSS Working Group requests that non-experimental CSS
   renderers submit an implementation report (and, if necessary, the
   testcases used for that implementation report) to the W3C before releasing
   an unprefixed implementation of any CSS features. Testcases submitted to
   W3C are subject to review and correction by the CSS Working Group.

  <p>Further information on submitting testcases and implementation reports
   can be found from on the CSS Working Group's website at <a
   href="http://www.w3.org/Style/CSS/Test/">http://www.w3.org/Style/CSS/Test/</a>.
   Questions should be directed to the <a
   href="http://lists.w3.org/Archives/Public/public-css-testsuite">public-css-testsuite@w3.org</a>
   mailing list.

  <p>CSS2.1 implementations are encouraged, but not required, to submit an
   implementation report.

  <h2 id=indices><span class=secno>4. </span>Indices</h2>

  <p><em>These sections are non-normative.</em>

  <h3 id=properties><span class=secno>4.1. </span>Property Index</h3>

  <table class=proptable>
   <thead>
    <tr>
     <th>Name

     <th>Values

     <th>Initial value

     <th>Applies to

     <th>Inherited?

     <th>Percentages

     <th>Media

   <tbody>
    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment"><code>background-attachment</code></a>
      

     <td>scroll | fixed | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>scroll

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color"><code>background-color</code></a>
      

     <td><a
      href="http://www.w3.org/TR/css3-color/#colorunits">&lt;color&gt;</a> |
      <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>transparent

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image"><code>background-image</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri">&lt;uri&gt;</a>
      | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position"><code>background-position</code></a>
      

     <td>[ [ <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | left | center | right ] [ <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | top | center | bottom ]? ] | [ [ left | center | right ] || [ top |
      center | bottom ] ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0% 0%

     <td>&nbsp;

     <td>no

     <td>refer to the size of the box itself

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat"><code>background-repeat</code></a>
      

     <td>repeat | repeat-x | repeat-y | no-repeat | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>repeat

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background"><code>background</code></a>
      

     <td>[<a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color">&lsquo;<code
      class=property>background-color</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image">&lsquo;<code
      class=property>background-image</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat">&lsquo;<code
      class=property>background-repeat</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment">&lsquo;<code
      class=property>background-attachment</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position"><code>background-position</code></a>]
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>no

     <td>allowed on &lsquo;<code
      class=property>background-position</code>&rsquo;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse"><code>border-collapse</code></a>
      

     <td>collapse | separate | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>separate

     <td>&lsquo;<code class=property>table</code>&rsquo; and &lsquo;<code
      class=property>inline-table</code>&rsquo; elements

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color"><code>border-color</code></a>
      

     <td>[ <a
      href="http://www.w3.org/TR/css3-color/#colorunits">&lt;color&gt;</a>
      ]{1,4} | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing"><code>border-spacing</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>?
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0

     <td>&lsquo;<code class=property>table</code>&rsquo; and &lsquo;<code
      class=property>inline-table</code>&rsquo; elements&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-style"><code>border-style</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">&lt;border-style&gt;</a>{1,4}
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top"><code>border-top</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right"><code>border-right</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom"><code>border-bottom</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left"><code>border-left</code></a>
      

     <td>[ <a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width">&lt;border-width&gt;</a>
      || <a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">&lt;border-style&gt;</a>
      || <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color"><code>border-top-color</code></a>
      ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color"><code>border-top-color</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color"><code>border-right-color</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color"><code>border-bottom-color</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color"><code>border-left-color</code></a>
      

     <td><a
      href="http://www.w3.org/TR/css3-color/#colorunits">&lt;color&gt;</a> |
      <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>the value of the &lsquo;<code class=property>color</code>&rsquo;
      property

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style"><code>border-top-style</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style"><code>border-right-style</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style"><code>border-bottom-style</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style"><code>border-left-style</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">&lt;border-style&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width"><code>border-top-width</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width"><code>border-right-width</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width"><code>border-bottom-width</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width"><code>border-left-width</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width">&lt;border-width&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>medium

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width"><code>border-width</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width">&lt;border-width&gt;</a>{1,4}
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border"><code>border</code></a>
      

     <td>[ <a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width">&lt;border-width&gt;</a>
      || <a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">&lt;border-style&gt;</a>
      || <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color"><code>border-top-color</code></a>
      ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom"><code>bottom</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>positioned elements

     <td>no

     <td>refer to height of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side"><code>caption-side</code></a>
      

     <td>top | bottom | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>top

     <td>&lsquo;<code class=property>table-caption</code>&rsquo; elements

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear"><code>clear</code></a>
      

     <td>none | left | right | both | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>block-level elements

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip"><code>clip</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/visufx.html#value-def-shape">&lt;shape&gt;</a>
      | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>absolutely positioned elements

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/css3-color/#foreground"><code>color</code></a>
      

     <td><a
      href="http://www.w3.org/TR/css3-color/#colorunits">&lt;color&gt;</a> |
      <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>depends on user agent

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"><code>content</code></a>
      

     <td>normal | none | [ <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string">&lt;string&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri">&lt;uri&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-counter">&lt;counter&gt;</a>
      | attr(<a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">&lt;identifier&gt;</a>)
      | open-quote | close-quote | no-open-quote | no-close-quote ]+ | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>:before and :after pseudo-elements

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment"><code>counter-increment</code></a>
      

     <td>[ <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">&lt;identifier&gt;</a>
      <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer">&lt;integer&gt;</a>?
      ]+ | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset"><code>counter-reset</code></a>
      

     <td>[ <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">&lt;identifier&gt;</a>
      <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer">&lt;integer&gt;</a>?
      ]+ | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor"><code>cursor</code></a>
      

     <td>[ [<a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri">&lt;uri&gt;</a>
      ,]* [ auto | crosshair | default | pointer | move | e-resize |
      ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize |
      w-resize | text | wait | help | progress ] ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"><code>direction</code></a>
      

     <td>ltr | rtl | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>ltr

     <td>all elements, but see prose

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display"><code>display</code></a>
      

     <td>inline | block | list-item | inline-block | table | inline-table |
      table-row-group | table-header-group | table-footer-group | table-row |
      table-column-group | table-column | table-cell | table-caption | none |
      <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>inline

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#all-media-group">all</a>

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells"><code>empty-cells</code></a>
      

     <td>show | hide | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>show

     <td>&lsquo;<code class=property>table-cell</code>&rsquo; elements

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float"><code>float</code></a>
      

     <td>left | right | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>all, but see <a
      href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">9.7</a>

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family"><code>font-family</code></a>
      

     <td>[ [ <a
      href="http://www.w3.org/TR/CSS21/fonts.html#value-def-family-name">&lt;family-name&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/fonts.html#value-def-generic-family">&lt;generic-family&gt;</a>
      ] [, <a
      href="http://www.w3.org/TR/CSS21/fonts.html#value-def-family-name">&lt;family-name&gt;</a>|
      <a
      href="http://www.w3.org/TR/CSS21/fonts.html#value-def-generic-family">&lt;generic-family&gt;</a>
      ]* ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>depends on user agent

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size"><code>font-size</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/fonts.html#value-def-absolute-size">&lt;absolute-size&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/fonts.html#value-def-relative-size">&lt;relative-size&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>medium

     <td>&nbsp;

     <td>yes

     <td>refer to inherited font size

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style"><code>font-style</code></a>
      

     <td>normal | italic | oblique | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant"><code>font-variant</code></a>
      

     <td>normal | small-caps | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight"><code>font-weight</code></a>
      

     <td>normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600
      | 700 | 800 | 900 | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font"><code>font</code></a>
      

     <td>[ [ <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style">&lsquo;<code
      class=property>font-style</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant">&lsquo;<code
      class=property>font-variant</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight">&lsquo;<code
      class=property>font-weight</code>&rsquo;</a> ]? <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size">&lsquo;<code
      class=property>font-size</code>&rsquo;</a> [ / <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height">&lsquo;<code
      class=property>line-height</code>&rsquo;</a> ]? <a
      href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family"><code>font-family</code></a>
      ] | caption | icon | menu | message-box | small-caption | status-bar |
      <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>yes

     <td>see individual properties

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height"><code>height</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>all elements but non-replaced inline elements, table columns, and
      column groups

     <td>no

     <td>see prose

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left"><code>left</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>positioned elements

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing"><code>letter-spacing</code></a>
      

     <td>normal | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height"><code>line-height</code></a>
      

     <td>normal | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-number">&lt;number&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>&nbsp;

     <td>yes

     <td>refer to the font size of the element itself

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image"><code>list-style-image</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-uri">&lt;uri&gt;</a>
      | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>elements with &lsquo;<code class=css>display:
      list-item</code>&rsquo;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position"><code>list-style-position</code></a>
      

     <td>inside | outside | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>outside

     <td>elements with &lsquo;<code class=css>display:
      list-item</code>&rsquo;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type"><code>list-style-type</code></a>
      

     <td>disc | circle | square | decimal | decimal-leading-zero |
      lower-roman | upper-roman | lower-greek | lower-latin | upper-latin |
      armenian | georgian | lower-alpha | upper-alpha | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>disc

     <td>elements with &lsquo;<code class=css>display:
      list-item</code>&rsquo;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style"><code>list-style</code></a>
      

     <td>[ <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type">&lsquo;<code
      class=property>list-style-type</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position">&lsquo;<code
      class=property>list-style-position</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image"><code>list-style-image</code></a>
      ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>elements with &lsquo;<code class=css>display:
      list-item</code>&rsquo;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right"><code>margin-right</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left"><code>margin-left</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-margin-width">&lt;margin-width&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0

     <td>all elements except elements with table display types other than
      table-caption, table and inline-table

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top"><code>margin-top</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom"><code>margin-bottom</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-margin-width">&lt;margin-width&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0

     <td>all elements except elements with table display types other than
      table-caption, table and inline-table

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-margin"><code>margin</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-margin-width">&lt;margin-width&gt;</a>{1,4}
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>all elements except elements with table display types other than
      table-caption, table and inline-table

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height"><code>max-height</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>all elements but non-replaced inline elements, table columns, and
      column groups

     <td>no

     <td>see prose

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width"><code>max-width</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>all elements but non-replaced inline elements, table rows, and row
      groups

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height"><code>min-height</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0

     <td>all elements but non-replaced inline elements, table columns, and
      column groups

     <td>no

     <td>see prose

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width"><code>min-width</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0

     <td>all elements but non-replaced inline elements, table rows, and row
      groups

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/css3-color/#transparency"><code>opacity</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-number">&lt;number&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>1

     <td>all

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/page.html#propdef-orphans"><code>orphans</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer">&lt;integer&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>2

     <td>block container elements

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color"><code>outline-color</code></a>
      

     <td><a
      href="http://www.w3.org/TR/css3-color/#colorunits">&lt;color&gt;</a> |
      invert | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>invert

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style"><code>outline-style</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">&lt;border-style&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width"><code>outline-width</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width">&lt;border-width&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>medium

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline"><code>outline</code></a>
      

     <td>[ <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color">&lsquo;<code
      class=property>outline-color</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style">&lsquo;<code
      class=property>outline-style</code>&rsquo;</a> || <a
      href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width"><code>outline-width</code></a>
      ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#interactive-media-group">interactive</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow"><code>overflow</code></a>
      

     <td>visible | hidden | scroll | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>visible

     <td>block containers

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top"><code>padding-top</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right"><code>padding-right</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom"><code>padding-bottom</code></a>
      <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left"><code>padding-left</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-padding-width">&lt;padding-width&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0

     <td>all elements except table-row-group, table-header-group,
      table-footer-group, table-row, table-column-group and table-column

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/box.html#propdef-padding"><code>padding</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/box.html#value-def-padding-width">&lt;padding-width&gt;</a>{1,4}
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>see individual properties

     <td>all elements except table-row-group, table-header-group,
      table-footer-group, table-row, table-column-group and table-column

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-after"><code>page-break-after</code></a>
      

     <td>auto | always | avoid | left | right | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>block-level elements (but see text)

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-before"><code>page-break-before</code></a>
      

     <td>auto | always | avoid | left | right | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>block-level elements (but see text)

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside"><code>page-break-inside</code></a>
      

     <td>avoid | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>block-level elements (but see text)

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"><code>position</code></a>
      

     <td>static | relative | absolute | fixed | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>static

     <td>&nbsp;

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes"><code>quotes</code></a>
      

     <td>[<a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string">&lt;string&gt;</a>
      <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string">&lt;string&gt;</a>]+
      | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>depends on user agent

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right"><code>right</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>positioned elements

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout"><code>table-layout</code></a>
      

     <td>auto | fixed | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>&lsquo;<code class=property>table</code>&rsquo; and &lsquo;<code
      class=property>inline-table</code>&rsquo; elements

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align"><code>text-align</code></a>
      

     <td>left | right | center | justify | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>a nameless value that acts as &lsquo;<code
      class=property>left</code>&rsquo; if &lsquo;<code
      class=property>direction</code>&rsquo; is &lsquo;<code
      class=property>ltr</code>&rsquo;, &lsquo;<code
      class=property>right</code>&rsquo; if &lsquo;<code
      class=property>direction</code>&rsquo; is &lsquo;<code
      class=property>rtl</code>&rsquo;

     <td>block containers

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration"><code>text-decoration</code></a>
      

     <td>none | [ underline || overline || line-through || blink ] | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>&nbsp;

     <td>no (see prose)

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent"><code>text-indent</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>0

     <td>block containers

     <td>yes

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform"><code>text-transform</code></a>
      

     <td>capitalize | uppercase | lowercase | none | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>none

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top"><code>top</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>positioned elements

     <td>no

     <td>refer to height of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"><code>unicode-bidi</code></a>
      

     <td>normal | embed | bidi-override | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>all elements, but see prose

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align"><code>vertical-align</code></a>
      

     <td>baseline | sub | super | top | text-top | middle | bottom |
      text-bottom | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>baseline

     <td>inline-level and &lsquo;<code
      class=property>table-cell</code>&rsquo; elements

     <td>no

     <td>refer to the &lsquo;<code class=property>line-height</code>&rsquo;
      of the element itself

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility"><code>visibility</code></a>
      

     <td>visible | hidden | collapse | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>visible

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space"><code>white-space</code></a>
      

     <td>normal | pre | nowrap | pre-wrap | pre-line | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/page.html#propdef-widows"><code>widows</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer">&lt;integer&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>2

     <td>block container elements

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>,
      <a
      href="http://www.w3.org/TR/CSS21/media.html#paged-media-group">paged</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width"><code>width</code></a>
      

     <td><a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-percentage">&lt;percentage&gt;</a>
      | auto | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>all elements but non-replaced inline elements, table rows, and row
      groups

     <td>no

     <td>refer to width of containing block

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing"><code>word-spacing</code></a>
      

     <td>normal | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-length">&lt;length&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>normal

     <td>&nbsp;

     <td>yes

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      

    <tr>
     <th scope=row> <a
      href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index"><code>z-index</code></a>
      

     <td>auto | <a
      href="http://www.w3.org/TR/CSS21/syndata.html#value-def-integer">&lt;integer&gt;</a>
      | <a
      href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a>
      

     <td>auto

     <td>positioned elements

     <td>no

     <td>&nbsp;

     <td><a
      href="http://www.w3.org/TR/CSS21/media.html#visual-media-group">visual</a>
      
  </table>

  <h3 id=selectors><span class=secno>4.2. </span>Selector Index</h3>

  <table class=data>
   <thead>
    <tr>
     <th class=pattern>Pattern

     <th>Meaning

     <th>Described in section

     <th>First defined in level

   <tbody>
    <tr>
     <th scope=row> *

     <td>any element

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#universal-selector">Universal
      selector</a>

     <td>2

    <tr>
     <th scope=row> E

     <td>an element of type E

     <td><a href="http://www.w3.org/TR/css3-selectors/#type-selectors">Type
      selector</a>

     <td>1

    <tr>
     <th scope=row> E[foo]

     <td>an E element with a "foo" attribute

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
      selectors</a>

     <td>2

    <tr>
     <th scope=row> E[foo="bar"]

     <td>an E element whose "foo" attribute value is exactly equal to "bar"

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
      selectors</a>

     <td>2

    <tr>
     <th scope=row> E[foo~="bar"]

     <td>an E element whose "foo" attribute value is a list of
      whitespace-separated values, one of which is exactly equal to "bar"

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
      selectors</a>

     <td>2

    <tr>
     <th scope=row> E[foo^="bar"]

     <td>an E element whose "foo" attribute value begins exactly with the
      string "bar"

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
      selectors</a>

     <td>3

    <tr>
     <th scope=row> E[foo$="bar"]

     <td>an E element whose "foo" attribute value ends exactly with the
      string "bar"

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
      selectors</a>

     <td>3

    <tr>
     <th scope=row> E[foo*="bar"]

     <td>an E element whose "foo" attribute value contains the substring
      "bar"

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
      selectors</a>

     <td>3

    <tr>
     <th scope=row> E[foo|="en"]

     <td>an E element whose "foo" attribute has a hyphen-separated list of
      values beginning (from the left) with "en"

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute
      selectors</a>

     <td>2

    <tr>
     <th scope=row> E:root

     <td>an E element, root of the document

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:nth-child(n)

     <td>an E element, the n-th child of its parent

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:nth-last-child(n)

     <td>an E element, the n-th child of its parent, counting from the last
      one

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:nth-of-type(n)

     <td>an E element, the n-th sibling of its type

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:nth-last-of-type(n)

     <td>an E element, the n-th sibling of its type, counting from the last
      one

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:first-child

     <td>an E element, first child of its parent

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>2

    <tr>
     <th scope=row> E:last-child

     <td>an E element, last child of its parent

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:first-of-type

     <td>an E element, first sibling of its type

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:last-of-type

     <td>an E element, last sibling of its type

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:only-child

     <td>an E element, only child of its parent

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:only-of-type

     <td>an E element, only sibling of its type

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:empty

     <td>an E element that has no children (including text nodes)

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural
      pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:link<br>
      E:visited

     <td>an E element being the source anchor of a hyperlink of which the
      target is not yet visited (:link) or already visited (:visited)

     <td><a href="http://www.w3.org/TR/css3-selectors/#link">The link
      pseudo-classes</a>

     <td>1

    <tr>
     <th scope=row> E:active<br>
      E:hover<br>
      E:focus

     <td>an E element during certain user actions

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#useraction-pseudos">The user
      action pseudo-classes</a>

     <td>1 and 2

    <tr>
     <th scope=row> E:target

     <td>an E element being the target of the referring URI

     <td><a href="http://www.w3.org/TR/css3-selectors/#target-pseudo">The
      target pseudo-class</a>

     <td>3

    <tr>
     <th scope=row> E:lang(fr)

     <td>an element of type E in language "fr" (the document language
      specifies how language is determined)

     <td><a href="http://www.w3.org/TR/css3-selectors/#lang-pseudo">The
      :lang() pseudo-class</a>

     <td>2

    <tr>
     <th scope=row> E:enabled<br>
      E:disabled

     <td>a user interface element E which is enabled or disabled

     <td><a href="http://www.w3.org/TR/css3-selectors/#UIstates">The UI
      element states pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E:checked<!--<br>E:indeterminate-->

     <td>a user interface element E which is checked<!-- or in an
      indeterminate state-->
      (for instance a radio-button or checkbox)

     <td><a href="http://www.w3.org/TR/css3-selectors/#UIstates">The UI
      element states pseudo-classes</a>

     <td>3

    <tr>
     <th scope=row> E::first-line

     <td>the first formatted line of an E element

     <td><a href="http://www.w3.org/TR/css3-selectors/#first-line">The
      ::first-line pseudo-element</a>

     <td>1

    <tr>
     <th scope=row> E::first-letter

     <td>the first formatted letter of an E element

     <td><a href="http://www.w3.org/TR/css3-selectors/#first-letter">The
      ::first-letter pseudo-element</a>

     <td>1

    <tr>
     <th scope=row> E::before

     <td>generated content before an E element

     <td><a href="http://www.w3.org/TR/css3-selectors/#gen-content">The
      ::before pseudo-element</a>

     <td>2

    <tr>
     <th scope=row> E::after

     <td>generated content after an E element

     <td><a href="http://www.w3.org/TR/css3-selectors/#gen-content">The
      ::after pseudo-element</a>

     <td>2

    <tr>
     <th scope=row> E.warning

     <td>an E element whose class is "warning" (the document language
      specifies how class is determined).

     <td><a href="http://www.w3.org/TR/css3-selectors/#class-html">Class
      selectors</a>

     <td>1

    <tr>
     <th scope=row> E#myid

     <td>an E element with ID equal to "myid".

     <td><a href="http://www.w3.org/TR/css3-selectors/#id-selectors">ID
      selectors</a>

     <td>1

    <tr>
     <th scope=row> E:not(s)

     <td>an E element that does not match simple selector s

     <td><a href="http://www.w3.org/TR/css3-selectors/#negation">Negation
      pseudo-class</a>

     <td>3

    <tr>
     <th scope=row> E F

     <td>an F element descendant of an E element

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#descendant-combinators">Descendant
      combinator</a>

     <td>1

    <tr>
     <th scope=row> E &gt; F

     <td>an F element child of an E element

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#child-combinators">Child
      combinator</a>

     <td>2

    <tr>
     <th scope=row> E + F

     <td>an F element immediately preceded by an E element

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators">Adjacent
      sibling combinator</a>

     <td>2

    <tr>
     <th scope=row> E ~ F

     <td>an F element preceded by an E element

     <td><a
      href="http://www.w3.org/TR/css3-selectors/#general-sibling-combinators">General
      sibling combinator</a>

     <td>3
  </table>

  <h3 id=at-rules><span class=secno>4.3. </span>At-Rule Index</h3>

  <ul>
   <li><a href="http://www.w3.org/TR/CSS21/syndata.html#charset">@charset</a>
    

   <li><a
    href="http://www.w3.org/TR/CSS21/cascade.html#at-import">@import</a>,
    with the media list replaced by a <a
    href="http://www.w3.org/TR/css3-mediaqueries/">media query list</a>

   <li><a
    href="http://www.w3.org/TR/CSS21/media.html#at-media-rule">@media</a>,
    with the media list replaced by a <a
    href="http://www.w3.org/TR/css3-mediaqueries/">media query list</a>

   <li><a href="http://www.w3.org/TR/CSS21/page.html#page-box">@page</a>
  </ul>
